*{margin: 0;padding: 0;}
body{font-family: BodyFont;font-size: 10px;}
.cf:after,.cf:before{content: " ";display: table;}
.cf:after{clear: both;}
@font-face{
	font-family: BodyFont;
	src:url('../MyFont/gobold-webfont.eot'),
		url('../MyFont/gobold-webfont.svg'),
		url('../MyFont/gobold-webfont.woff'),
		url('../MyFont/gobold-webfont.ttf')
}
@font-face{
	font-family: MyFont;
	src:url('../MyFont/wendelinnormalkapitaelchen-webfont.ttf'),
	url('../MyFont/wendelinnormalkapitaelchen-webfont.svg'),
	url('../MyFont/wendelinnormalkapitaelchen-webfont.eot'),
	url('../MyFont/wendelinnormalkapitaelchen-webfont.woff');
}
.conainer{
	width: 92.1469%;/*1279/1388*/
	margin: 0 auto;
}
.main{
	width: 74.2767%; /*950/1279*/
	float: right;
}
aside{width: 23.9249%;/*306/1279*/float: left;
	background-image: linear-gradient(left,#fcfcfc,#e4e4e4,#fcfcfc);
	background-image: -webkit-linear-gradient(left,#fcfcfc,#e4e4e4,#fcfcfc);
	background-image: -moz-linear-gradient(left,#fcfcfc,#e4e4e4,#fcfcfc);
	background-image: -ms-linear-gradient(left,#fcfcfc,#e4e4e4,#fcfcfc);
	background-image: -o-linear-gradient(left,#fcfcfc,#e4e4e4,#fcfcfc);
	border-right: 2px solid #e8e8e8;
	padding-bottom: 20px;
}
header {
	background-image: url(../images/body_top_02.png);
	background-position: center top;
	background-repeat: no-repeat;
}
header h1{
	font-size: 4.2em;
	font-weight: normal;
	padding-top: 70px;
}
header nav{
	width: 97.8889%; /*1252/1279*/
	display: table;
	margin: 0 auto;
	margin-top: 44px;
}
header nav ul{
	display: table-row;
}
header nav ul li{
	display: table-cell;
	text-align: center;
}
header nav ul li:first-child{
	text-align: left; 
}
header nav ul li:last-child{
	text-align: right;
}
@keyframes ts
{
	0% {text-shadow: 0px 0px 0px  #666;}
	25% {text-shadow: 0px 0px 15px #666;}
	50% {text-shadow: 0px 0px 35px #666;}
	75% {text-shadow: 0px 0px 15px #666;}
	100% {text-shadow: 0px 0px 0px #666;}  /*定义nav的动画效果*/
}
-webkit-@keyframes ts
{
	0% {text-shadow: 0px 0px 0px  #666;}
	25% {text-shadow: 0px 0px 15px #666;}
	50% {text-shadow: 0px 0px 35px #666;}
	75% {text-shadow: 0px 0px 15px #666;}
	100% {text-shadow: 0px 0px 0px #666;} /*定义nav的动画效果*/
}
-moz-@keyframes ts
{
	0% {text-shadow: 0px 0px 0px  #666;}
	25% {text-shadow: 0px 0px 15px #666;}
	50% {text-shadow: 0px 0px 35px #666;}
	75% {text-shadow: 0px 0px 15px #666;}
	100% {text-shadow: 0px 0px 0px #666;}/*定义nav的动画效果*/
}
-ms-@keyframes ts
{
	0% {text-shadow: 0px 0px 0px  #666;}
	25% {text-shadow: 0px 0px 15px #666;}
	50% {text-shadow: 0px 0px 35px #666;}
	75% {text-shadow: 0px 0px 15px #666;}
	100% {text-shadow: 0px 0px 0px #666;}/*定义nav的动画效果*/
}
@keyframes Oneshake{
	0% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	50% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
}
@-moz-keyframes Oneshake{
	0% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	50% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
}
@-webkit-keyframes Oneshake{
	0% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	50% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
}
/*定义第二列图片抖动效果*/
@keyframes Twoshake{
	0% {
		transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
	}
	100% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-o-transform: rotate(3deg);
	}
}
@-webkit-keyframes Twoshake{
	0% {
		transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
	}
	100% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-o-transform: rotate(3deg);
	}
}
@-moz-keyframes Twoshake{
	0% {
		transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
	}
	100% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-o-transform: rotate(3deg);
	}
}
/*aside img:nth-child(1){
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
aside img:nth-child(2){
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
}
aside img:nth-child(2):hover,aside img:nth-child(1):hover{
	transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);	
	-webkit-transform: scale(1.05,1.05);	
	-o-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);	/* Firefox */

/*aside img:nth-child(2),aside img:nth-child(1){
	transition: transform 1s;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -moz-transform 1s;
	-o-transition: -moz-transform 1s;
}*/
header nav a{text-decoration: none;font-size: 2.7em;}
header nav a:hover{text-decoration: underline;animation: ts 2s infinite alternate;
-webkit-animation: ts 2s infinite alternate;-ms-animation: ts 2s infinite alternate;
-moz-animation: ts 2s infinite alternate;} 
nav li:nth-child(odd) a{
	color: #ff0006;
}
nav li:nth-child(even) a{
	color: #000;
}
.line{
	height: 2px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	margin-top: 12px;
}
.content{margin-top: 55px;padding-bottom: 20px;}
.aside-top{
	width: 82.0261%;  /*251/306*/
	margin: 0 auto;
}
aside h2{
	font-weight: lighter;
	font-size: 2.4em;
	margin-left: 20px;
}
aside h2:nth-of-type(2){
	margin-top: 23px;
}
.movie{
	width: 48.801%;
}
.movie img{
	margin-top: 25px;
	width: 100%;	
}

.movie a{
	display: block;
	height: 27px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #999;
	color: #5c5a5b;
	text-decoration: none;
	text-align: center;
	line-height: 27px;
	margin-top: 14px;
	font-size: 1.3em;
	transition: box-shadow 1s;
	-webkit-transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
	-ms-transition: box-shadow 1s;
	-o-transition: box-shadow 1s;
}
.movie a:hover{box-shadow: -3px 3px 4px #666;}
.aside-top div:first-child{
	float: left;
}
.aside-top div:last-child{
	float: right;
}
.main-pic{
	width: 21.1578%;  /*201/950*/
	float: left;
}
.main-pic img{
	width: 100%;
	height: auto;
}
article{
	width: 77.5789%; /*737/950*/
	float: right;
}
.main article h2{
	margin-top: 10px;
	font-size: 10em;
	text-shadow: 0 1px 0 #fefefe,1px 0 0 #8fc2d5,3px 3px 0 #dbd7d8;
	font-weight: lighter;
}
.main article h3{
	font-family: MyFont;
	color: #504e4f;
	font-size: 4.5em;
}
.main article p{
	margin-top: 20px;
	font-size: 2.5em;
	color: #747474;
	font-family: "微软雅黑";
	font-weight: normal;
}
.main article a{
	display: block;
	width: 48.7109%;
	height: 112px;
	margin-top: 40px;
	background-color: #b11c20;
	border: 1px solid #bfbfbf;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #717171;
	text-shadow: 0 1px 0 #000002;
	text-decoration: none;
	color: #fff;
	text-align: center;
	line-height: 112px;
	font-size: 2.8em;
	transition-property: border,color,text-shadow;
	-webkit-transition-property: border,color,text-shadow;
	-moz-transition-property: border,color,text-shadow;
	transition-duration: 2s,3s,5s;
	-webkit-transition-duration: 2s,3s,5s;
	-moz-transition-duration: 2s,3s,5s;
	-ms-transition-duration: 2s,3s,5s;
}
.main article a span{
	transition: all 2s 2s;
	-webkit-transition: all 2s 2s;
	-moz-transition: all 2s 2s;
	-ms-transition: all 2s 2s;
}
.main article a:hover{
	color: #000;
	text-shadow: 0px 1px 0 #fff;
	border: 1px solid #000;
}
.main article a:hover span{
	color: #000;
	text-shadow: 0px 1px 0 #fff;
}
footer{ background-image: url(../images/body_bottom_12.png);background-repeat: no-repeat;background-position: center bottom;}
footer p{text-align: center;line-height: 91px;color: #737572;font-size: 1.8em;font-weight: normal;padding-bottom: 30px;}
footer a{color: #c0c0c2}
@media screen and (max-width: 640px) {
	body{font-size: 9px;}
	/*body{font-size: 6px;}*/
	aside{width: 95%;float: none;margin: 20px auto;}
	aside h2{/*margin-left: 50px;*/}
	.main{width: 95%;float: none;margin: 0 auto;}
	.main article h3{
		line-height: 1.2em;
	}
	footer p{
		padding-top: 30px;
		line-height: 1.5em;
		padding-bottom: 60px;	
	}
	header nav a{text-decoration: none;/*font-size: 1.7em;*/}
	.main article a{width: 70%;font-size: 2.5em;}
	/*.main article a{
		font-size: 1em;
		display: block;
		width: 48.7109%;
		height: 50px;
		margin-top: 40px;
		background-color: #b11c20;
		border: 1px solid #bfbfbf;
		border-radius: 8px;
		box-shadow: 4px 4px 4px #717171;
		text-shadow: 0 1px 0 #000002;
		text-decoration: none;
		color: #fff;
		text-align: center;
		line-height: 50px;
	}
	.main article h2{
		margin-top: 10px;
		font-size: 6em;
		text-shadow: 0 1px 0 #fefefe,1px 0 0 #8fc2d5,3px 3px 0 #dbd7d8;
		font-weight: lighter;
	}
	.main article h3{
		font-family: MyFont;
		color: #504e4f;
		font-size: 2.5em;
	}
	.main article p{
		margin-top: 20px;
		font-size: 1.5em;
		color: #747474;
		font-family: "微软雅黑";
		font-weight: normal;
	}
	
}*/
/*@media screen and (max-width: 770px) { 
	.main article a{
		font-size: 1.7em;
		height: 80px;
		line-height: 80px;
	}
	.main article h2{
		font-size: 60px;
	}
	.main article h3{
		font-size: 30px;
		line-height: 1em;
	}
	.main article p{
		font-size: 20px;
	}
	
	aside h2{
		font-size: 20px;
	}
}*/
@media screen and (min-width: 300px) and (max-width: 370px){
	body{font-size: 5px;}
	/*header h1{font-size: 3.2em;}
	header nav a{font-size: 1.5em;}*/
	.content{margin-top: 20px;}
	/*.main article h2{font-size: 44px;}*/
	.main article h3{/*font-size: 25px;*/margin-top: 5px;}
	/*.main article p{font-size: 18px;}*/
	.main article a{height: 45px;line-height: 45px;/*font-size: 12px;*//*width: 150px;*/padding-bottom: 0;}
	aside{margin-top: 30px;}
	header nav{margin-top: 20px;}

}
@media screen and (min-width: 370px) and (max-width: 420px) {
	body{font-size: 7px;}
	header nav{margin-top: 20px;}
	/*header h1{font-size: 34px;}*/
	.content{margin-top: 20px;}
	/*.main article h2{font-size: 44px;}*/
	.main article h3{/*font-size: 23px;*/margin-top: 10px;}
	.main article p{/*font-size: 16px;*/margin-top: 10px;}
	.main article a{height: 50px;line-height: 50px;/*font-size: 12px;*/padding-bottom: 0;margin-top: 20px;/*width: 180px;*/font-size: 2.2em;}
	aside{margin-top: 30px;}
}
/*@media screen and (min-width: 641px) and (max-width: 1280px) {
	body{font-size: 9px;}
	.main article h2{font-size: 30px;}
}*/